<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>5470首页</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link type="text/css" rel="stylesheet" href="galleryview.css" />
<link href="css/index_button.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.galleryview-1.1.js"></script>
<script type="text/javascript" src="js/jquery.timers-1.1.2.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#photos').galleryView({
			panel_width: 750,
			panel_height: 300,
			frame_width: 100,
			frame_height: 100
		});
	});
</script>

</head>
<body >
	<div>
            <div class="focus">
                <div id="photos" class="galleryview">
                	<s:iterator value="latestNews2">
                		<div class="panel">
						<img width="800" height="300" src="upload/image/${imagePath}" />
                        <div class="panel-overlay">
                            <h2 >${title}</h2>
                            <p>
                            	${contentAbstract}
							</p>
                        </div>
                    </div>
                	</s:iterator>
                    <ul class="filmstrip">
                    	<s:iterator value="latestNews2">
                    		<li  > <div style="height:95px;width:95px; overflow:hidden; " > <img  height="95px" src="upload/image/${imagePath}"/> </div></li>
                    	</s:iterator>
                    </ul>
                </div>
            </div>
            <div id="middle">
            	<div id="home_news">
            		<div class="news_list_title">
					<a href="#"><img src="images/topic_pic1.jpg" alt="" /> </a>
            		</div>
            		<div class="news_body">
            			<ul>
		                	<s:iterator value="latestNews3">
			                    <li style="margin-top:2px;padding-bottom:2px;border-bottom:1px dashed red;">
			                    	<div style="width:490px; float:left;margin-left:10px;">
			                    		<p style="line-height:18px;height:18px; "><a class="black_link" style="float:left;width:420px;display:block; font-size:14px; color:balck;" href="article/viewArticle.action?part=8&uuid=${uuid}">${title}</a>
			                    		<span style="font:10px;  float:left;line-height:20px;height:20px; display:block;">
			                    			<s:date format="yyyy-MM-dd" name="publishDate"></s:date>
			                    		</span>
			                    		</p>
			                            </div>
			                    	<div style="clear:both;"></div>
			                     </li>
		                	</s:iterator>
            			</ul>
            		</div>
            		
            		<div class="news_list_title">
					<a href="#"><img src="images/topic_pic2.jpg" alt="" /> </a>
            		</div>
            		<div class="news_body">
            			<ul>
		                	<s:iterator value="latestNews4">
			                    <li style="margin-top:2px;padding-bottom:2px;border-bottom:1px dashed red;">
			                    	
			                    	<div style="width:490px; float:left;margin-left:10px;">
			                    		<a class="black_link" style="float:left;width:420px;display:block; font-size:14px; color:balck;" href="article/viewArticle.action?part=8&uuid=${uuid}">${title}</a>
			                    	
			                    	
			                    		<span style="font:10px;  float:left;line-height:20px;height:20px; display:block;">
			                    			<s:date format="yyyy-MM-dd" name="publishDate"></s:date>
			                    		</span>
			                    	   </div>
			                    	<div style="clear:both;"></div>
			                    	
			                     </li>
		                	</s:iterator>
            			</ul>
            		</div>
            		<div class="news_list_title">
					<a href="#"><img src="images/topic_pic3.jpg" alt="" /> </a>
            		</div>
            		<div class="news_body">
            			<ul style="margin-bottom:20px;">
		                	<s:iterator value="latestNews5">
			                    <li style="margin-top:2px;padding-bottom:2px;border-bottom:1px dashed red;">
			                    	
			                    	<div style="width:490px; float:left;margin-left:10px;">
			                    		<a class="black_link" style="float:left;width:420px;display:block; font-size:14px; color:balck;" href="article/viewArticle.action?part=8&uuid=${uuid}">${title}</a>
			                    		<span style="font:10px; float:left;line-height:20px;height:20px; display:block;">
			                    			<s:date format="yyyy-MM-dd" name="publishDate"></s:date>
			                    		</span>
			                    	   </div>
			                    	<div style="clear:both;"></div>
			                     </li>
		                	</s:iterator>
            			</ul>
            		</div>
           			<div class="news_list_title">
					<a href="#"><img src="images/topic_pic4.jpg" alt="" /> </a>
            		</div>
            		<div class="news_body">
            			<ul style="margin-bottom:20px;">
		                	<s:iterator value="latestNews1">
			                    <li style="margin-top:2px;padding-bottom:2px;border-bottom:1px dashed red;">
			                    	
			                    	<div style="width:490px; float:left;margin-left:10px;">
			                    		<a class="black_link" style="float:left;width:420px;display:block; font-size:14px; color:balck;" href="article/viewArticle.action?part=8&uuid=${uuid}">${title}</a>
			                    		<span style="font:10px; float:left;line-height:18px;height:18px; display:block;">
			                    			<s:date format="yyyy-MM-dd" name="publishDate"></s:date>
			                    		</span>
			                    	   </div>
			                    	<div style="clear:both;"></div>
			                    	
			                     </li>
		                	</s:iterator>
            			</ul>
            		</div>
            	</div>
            	<div id="home_video">
            		<div class="news_list_title2">
					<a href="#"><img src="images/topic_pic5.jpg" alt="" /> </a>
            		</div>
            		<div >
<img src="images/topic_pic6.jpg" alt=""   width="180px" height="120px"/>         			
            		</div>
            		<div class="video_body" style="width:200px;">
		                <ul>
		                	<s:iterator value="latestVideo">
			                    <li style="height:90px; width:195px;border-bottom:1px dashed red;">
			                    	<div style="float:left">
			                        <img width="90px"  height="80px" src="images/weibo_pic.gif"  />
			                        </div>
			                        <div style="float:left ;margin-left:6px;margin-top:10px;margin-right:4px;" >
			                        	<p style="font-size:12px;  width:95px; height:75px; overflow:hidden;word-wrap: break-word; 
word-break: normal; "> <a  href="article/viewArticle.action?part=8&uuid=${uuid}" class="black_link">henduohe${title}</a> </p> 
			                        </div>
			                        <div style="clear:both;"></div>
			                    </li>
		                	</s:iterator>
		                </ul>
            		</div>
            	</div>
           	</div>
            <div id="zhuantis">
            	<div class="zhuanti">
            		<div class="zhuanti_title">
            			校庆专题
            		</div>
            		<div class="zhuanti_image">
            			<a href="#"></a><img style="width:200px;height:90px; border:1px solid white;" src="images/zhuanti_01.png"  />
            		</div>
            		<div class="zhuanti_link">
            			<a href="#">进入</a>
            		</div>
            	</div>
            	<div class="zhuanti" style="background-color:#232a7a;">
            		<div class="zhuanti_title">
            			"学雷锋"专题
            		</div>
            		<div class="zhuanti_image" style="background-color:#232a7a;">
            			<a href="#"><img style="width:200px;height:90px; border:1px solid white;" src="images/zhuanti_02.png"/></a>
            		</div>
            		<div class="zhuanti_link">
            			<a href="#">进入</a>
            		</div>
            	</div>
            	<div class="zhuanti" style="background-color:2d2d2d;">
            		<div class="zhuanti_title">
            			C专题
            		</div>
            		<div class="zhuanti_image">
            			<a href="#"><img style="width:200px;height:90px; border:1px solid white;" src="images/zhuanti_03.png"/></a>
            		</div>
            		<div class="zhuanti_link">
            			<a href="#">进入</a>
            		</div>
            	</div>
            </div>
     
  
        </div>
	</body>
</html>
